<template>
	<view class="store">
		<view class="store_msg">
			<view class="store_msg_name">
				<view class="">
					{{storeName}}
				</view>的店铺
			</view>
			<view class="store_msg_brief">
				{{storeBrief}}
			</view>
			<view class="store_msg_count">
				<view class="store_msg_count_productNums">
					商品数量：{{productNums}}
				</view>
				<view class="store_msg_count_succesOrder">
					成交订单：{{succesOrder}}
				</view>
			</view>
		</view>
		<commodity :imgList="commodityItem"></commodity>
	</view>
</template>

<script>
	import commodity from '@/wxcomponents/index/commodity.vue'
	export default {
		components:{
			commodity
		},
		data() {
			return {
				commodityItem:[
					{img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.CwphT-TxNCYtlvPGzmXgLgHaHa?w=204&h=204&c=7&r=0&o=5&pid=1.7',msg:'啦啦啦啦啦测试一下商品名称部分 hhhh',price:'100.0'},
					{img:'https://tse3-mm.cn.bing.net/th/id/OIP-C.9yF1qc8acYZfFOZds8oK-QHaLU?w=202&h=309&c=7&r=0&o=5&pid=1.7',msg:'啦啦啦啦啦测试一下商品名称部分 hhhh',price:'100.0'},
					{img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.79PRSa7XCw9oU8RqGvV4yQHaEo?w=204&h=127&c=7&r=0&o=5&pid=1.7',msg:'啦啦啦啦啦测试一下商品名称部分 hhhh',price:'100.0'},
					{img:'https://tse4-mm.cn.bing.net/th/id/OIP-C.uVlMmR0sbVN2omJ0YWYW0wHaNK?w=187&h=333&c=7&r=0&o=5&pid=1.7',msg:'啦啦啦啦啦测试一下商品名称部分 hhhh',price:'100.0'}
				],
				storeName:'xxxx',
				storeBrief:'喀什疯狂拉升的合法的身份的开始JFK第三方考多少分上的咖啡碱盛大开放阿斯弗啥的方式地方',
				productNums:10,
				succesOrder:10
			};
		}
	}
</script>

<style lang="less">
	page{
		background-color: rgb(240,240,240);
	}
	.store_msg{
		width: 98%;
		background-color: aqua;
		box-sizing: border-box;
		padding: .5rem;
		margin: .5rem auto;
		border-radius: 1rem;
		background-color: #fff;
		.store_msg_name view{
			font-size: 1.6rem;
			display: inline;
		}
		.store_msg_name{
			font-size: .5rem;
		}
		.store_msg_brief{
			font-size: .9rem;
			color:#666
		}
		.store_msg_count{
			width: 100%;
			display: flex;
			justify-content: space-between;
			font-size: .5rem;
			color: #999;
			margin: 1rem 0;
		}
	}
</style>
